<template>

</template>

<script>
export default {
  name: '组件名称',
  data: function () {
    return {
      '数据对象key': '数据对象value',
      '数据对象key2': '数据对象value'
    }
  },
  props: ['来自父组件传递的参数'],
  methods: {
    定义组件中使用的方法: function () {
      // do something
    }
  },
  components: {
    // 依赖的其他组件，在此处引入
  },
  computed: {
    根据其他数据动态计算出来的值: function () {
      // 使用其他数据动态计算值
      return 1
    }
  },
  watch: {
    需要对此数据监听变化: function (新值, 旧值) {
      // 对数据变化进行监听，可以获取到新值和旧值
    }
  },
  filters: {
    过滤器: function (待过滤值) {
      return '处理后的值'
    }
  },
  /*
    生命周期钩子
   */
  beforeCreate: function () {
    console.log('---beforeCreate---')
  },
  created: function () {
    console.log('---created---')
  },
  beforeMount: function () {
    console.log('---beforeMount---')
  },
  mounted: function () {
    console.log('---mounted---')
  },
  beforeUpdate: function () {
    console.log('---beforeUpdate---')
  },
  updated: function () {
    console.log('---updated---')
  },
  beforeDestroy: function () {
    console.log('---beforeDestroy---')
  },
  destroyed: function () {
    console.log('---destroyed---')
  }
}
</script>

<style scoped>

</style>
